.home {
    padding: 25px 10px 25px 10px;
    width: 100%;
    height: 100%;

    .summaryWrap {
        display: flex;
        width: 100%;
    }

    .memberWrap {
        margin-top: 25px;
        display: flex;
        width: 100%;
    }

    .dataTitle {
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #eee;

        .status {
            padding: 2px 10px;
            color: #ffffff;
            font-size: 12px;
            border-radius: 4px;

            &.status1 {
                background-color: #1c84c6;
            }

            &.status2 {
                background-color: #23c6c8;
            }

            &.status3 {
                background-color: #1ab394;
            }

            &.status4 {
                background-color: #ed5565;
            }
        }
    }

    .dataItem {
        margin: 0 15px;
        width: calc(25% - 30px);
        color: #676a6c;

        .dataItemWrap {
            padding: 0 20px;
            background-color: #ffffff;
            border: 1px solid #f4f6f9;
        }

        .dataContent {
            padding: 10px 0;

            .dataLine {
                height: 20px;
                display: flex;
                align-items: center;

                .key {
                    width: 100px;
                    text-align: right;
                }
            }
        }
    }

    .statisticsWrap {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;

        .dataItem {
            margin: 15px;
        }

        .dataValue {
            min-height: 70px;

            .value {
                font-size: 30px;
            }

            .unit {
                font-size: 18px;
            }
        }
    }

    .orderWrap {
        margin: 10px 15px 0 15px;
        
        .orderContent {
            padding: 0 20px;
            background-color: #ffffff;

            .orderCharts {
                height: 240px;
            }
        }
    }

    .listWrap {
        margin: 25px 15px 0 15px;
        background-color: #ffffff;

        .listContent {
            padding: 0 20px;
            background-color: #ffffff;
        }
        .listItem {
            height: 36px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #eeeeee;

            &.title {
                padding-top: 10px;
                height: 50px;
            }

            .itemTd {
                flex: 1;
            }
        }
    }
}